<link rel="stylesheet" href="templates/authority/common/css/zTreeStyle.css"/>
<link rel="stylesheet" href="templates/authority/qxgl/css/qxgl.css"/>
<style>
    #menuL ul{ background: #fff;}
    #menuL ul li {
        padding: 0 !important;
        background: #eef1f6;
        width: 110px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin-right: 10px;
    }
    #menuL ul li.is-active {
        background: #568CF4;
        color: #fff;
    }
</style>
<div id="messagereplystatistic">
    <div class="pd14 vany_authority">
        <div class="vany_treeTable pd14">
            <div id="crumbs" class="pb10">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">消息管理</el-breadcrumb-item>
                    <el-breadcrumb-item>已发消息</el-breadcrumb-item>
                    <el-breadcrumb-item>消息详情</el-breadcrumb-item>
                    <el-breadcrumb-item>消息统计</el-breadcrumb-item>
                    <el-breadcrumb-item>消息回复统计</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
            <div class="treeTable">
                <div class="item i2">
                    <div class="pd14">
                        <el-row :gutter="8">
                            <el-col :span="6">
                                <el-input placeholder="请输入您要搜索的内容" v-model="content" icon="search" :on-icon-click="search">
                                </el-input>
                            </el-col>
                        </el-row>
                    </div>
                    <el-table :data="tableData" v-loading="loading" ref="multipleTable" @selection-change="handleSelectionChange" style="width: 100%;">
                        <el-table-column type="selection"></el-table-column>
                        <el-table-column label="编号" type="index" width="100"></el-table-column>
                        <el-table-column prop="userAccount" label="账号"></el-table-column>
                        <el-table-column prop="userName" label="姓名"></el-table-column>
                        <el-table-column prop="dept" label="部门"></el-table-column>
                        <el-table-column prop="replyTime" label="回复时间"></el-table-column>
                        <el-table-column prop="replyContent" show-overflow-tooltip label="回复内容"></el-table-column>
                        <el-table-column label="状态">
                            <template scope="scope">
                                <span style="color: #20a0ff;" v-if="scope.row.auditStatus == 0">待审核</span>
                                <span v-if="scope.row.auditStatus == 1">已通过</span>
                                <span style="color: #f00;" v-if="scope.row.auditStatus == 2">未通过</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="操作">
                            <template scope="scope">
                                <el-button type="text" size="small" @click="getDetail(scope.row)">查看</el-button>
                                <span style="color:#333;margin:0 0 0 5px">|</span>
                                <el-button type="text" size="small" @click="deleteMsg(scope.row)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
            <div class="pd14" style="border-top: 0;background: #eaedf2;">
                <el-row>
                    <el-col :span="12">
                        <el-button type="primary" @click="batchDelete()">批量删除</el-button>
                        <el-button type="success" @click="batchUpdate(1)">批量通过</el-button>
                        <el-button type="danger"  @click="batchUpdate(2)">批量驳回</el-button>
                    </el-col>
                    <el-col :span="12">
                        <el-row type="flex" justify="end">
                            <el-pagination
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="pageIndex"
                                    :page-sizes="[10, 20, 30]"
                                    :page-size="pageSize"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="total">
                            </el-pagination>
                        </el-row>
                    </el-col>
                </el-row>
            </div>
        </div>
    </div>
</div>
<!--*********************************************查看回复消息详情**********************************************************-->
<div id="msgDetail">
    <el-dialog title="回复详情" :visible.sync="dialogVisible" :close-on-click-modal="false" size="tiny" custom-class="border_dialog title_dialog" :before-close="hide">
        <div>
            <div style="margin-bottom: 15px">
                <img src="" />
                <span style="margin-left: 10px;">{{ replyName }}</span>
            </div>
            <div style="margin-bottom: 15px">{{ replyContent }}</div>
            <el-row>
                <!-- <el-button type="primary">通过审核</el-button>
                 <el-button type="success">不通过审核</el-button>-->
                <div id="menuL">
                    <el-menu default-active="1" mode="horizontal">
                        <el-menu-item index="1">通过审核</el-menu-item>
                        <el-menu-item index="2">不通过审核</el-menu-item>
                    </el-menu>
                </div>
            </el-row>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button class="loading" type="primary" @click="" >确定</el-button>
            <el-button class="el-button&#45;&#45;ddd" @click="hide">取消</el-button>
        </div>
        </span>
    </el-dialog>
</div>

<!--*********************************************查看回复消息详情结束**********************************************************-->
<script type="text/javascript" src="templates/authority/sendedMessage/js/messagereplystatistic.js"></script>
